<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <script type="text/javascript" src="./script/rem.js"></script>
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <link rel="stylesheet" type="text/css" href="./css/font-awesome.css" />
  <link rel="stylesheet" type="text/css" href="./css/style.css" />
  <script type="text/javascript" src="./script/aui-slide.js"></script>
  <script type="text/javascript" src="./script/jquery.min.js"></script>
  <script type="text/javascript" src="./script/doT.min.js"></script>
  <script type="text/javascript" src="./script/base.js"></script>
  <script type="text/javascript" src="./script/api.js"></script></head>
  <script type="text/javascript" src="./script/aui-tab.js" ></script>
  <script type="text/javascript" src="./script/jquery-3.2.0.js"></script>
</head>
<body>

  <header class="head" style="padding-top:0.4rem;">
    <div class="head-l" tapmode onclick="closeWin()"><i class="fa fa-angle-left"></i></div>
    <h3>通知</h3>
    <div class="head-r"></div>
  </header>
  <div class="head-d" style="padding-top:0.4rem;"></div>

  <div id="content" style="font-size: 0.4rem;">

  </div>

</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript" src="./script/index.js"></script>
<script type="text/javascript">

  apiready = function(){
    loadData();
  }

  function loadData(more){
    var id = api.pageParam.id;
        // 进度提示框
        api.showProgress({
          title: '努力加载中...',
          text: '请稍等...',
          modal: false
        });

        if (more) {
          page += 1;
        }else{
          page = 1;
        }

        var token = $api.getStorage('token');
        api.ajax({
          url: webAddress + '/api/notification/index',
          method: 'get',
          data: {
            values: {
            },
          },
          headers: {
            Authorization: 'Bearer ' + token,
            Accept: 'application/json',
          },
        },function(ret, err){
          if (ret) {
            // alert( JSON.stringify( ret ) );
            // 关闭上拉加载控件
            api.hideProgress();
            var data = ret.data;
            for (var i = 0; i < data.length; i++) {
              if (data[i].id == id) {
                var content = data[i].content;
                $('#content').html(content);
              }
            }
          } else {
              // alert( JSON.stringify( err ) );
              // 关闭上拉加载控件
              api.hideProgress();
              api.toast({
                msg: err.body.message,
                duration: 2000,
                location: 'bottom'
              });
              return false;
            }
          });
      }

      function closeWin(){
        api.closeWin({
        });
      }
    </script>
    </html>